<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>登录</title>
	<!-- 样 式 文 件 -->
	<link rel="stylesheet" href="component/pear/css/pear.css" />
	<link rel="stylesheet" href="admin/css/other/login.css" />
</head>
<!-- 代 码 结 构 -->
<body background="admin/images/background.svg" style="background-size: cover;">
<form class="layui-form" action="">
	<div class="layui-form-item">
		<img class="logo" src="admin/images/logo.png" />
		<div class="title">Pear Admin</div>
		<div class="desc">
			明 湖 区 最 具 影 响 力 的 设 计 规 范 之 一
		</div>
	</div>
	<div class="layui-form-item">
		<input placeholder="账 户 : admin " name="root" lay-verify="required" hover class="layui-input"  />
	</div>
	<div class="layui-form-item">
		<input placeholder="密 码 : admin " name="pass" lay-verify="required" hover class="layui-input"  />
	</div>
	<div class="layui-form-item">
		<input placeholder="验证码 : " name="code"  hover  lay-verify="required" class="code layui-input layui-input-inline"  />
		<img id="pic" src="" class="codeImage" style="width: 100px;height: 35px;object-fit: cover;
  flex: 1;" />
	</div>
	<div class="layui-form-item">
		<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
	</div>

	<div class="layui-form-item">
		<button type="button" class="pear-btn pear-btn-success login" lay-submit lay-filter="login">
			登 入
		</button>
	</div>
</form>
<!-- 资 源 引 入 -->
<script src="component/layui/layui.js"></script>
<script src="component/pear/pear.js"></script>
<script>
	layui.use(['form', 'button','jquery', 'popup'], function() {
		var form = layui.form;
		var button = layui.button;
		var popup = layui.popup;
		let $ = layui.jquery;
		$("#pic").attr("src",window.BASEPATH+"getCode");
		// 登 录 提 交
		form.on('submit(login)', function (data) {
			$.ajax({
				url: window.BASEPATH+"admin/login",
				data:data.field,
				type: 'post',
				xhrFields: {withCredentials: true},
				crossDomain: true,
				success: function(result) {
					if(result.code==0){
						button.load({
							elem: '.login',
							time: 1500,
							done: function() {
								popup.success("登录成功", function() {
									window.sessionStorage.setItem("token",result.data);
										location.href = "index.html"
								});
							}
						})
					}else{
						layer.msg(result.msg,{icon:2,time:2000});
					}
				}
			})
			return false;
		});
	})
</script>
</body>
</html>
